<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:body>
	<ui:composition template="/secured/workarea.xhtml">
		<ui:define name="espacio_trabajo">
			<h:form id="form">
				<table>
					<tr>
						<td align="left">
							<div class="breadcrumb flat" style="text-align: left">
								<h:commandLink action="#{menuBean.regresaInicio}" value="Inicio" />
								<h:outputLink value="#" styleClass="active">#{msg.instructores}</h:outputLink>
							</div>
						</td>
					</tr>
				</table>
				<p:growl id="growl" showDetail="true" />
				<p:panel>
					<h:outputText value="#{msg.frsInstructores}"
						style="text-align:left;" />
				</p:panel>
				<p:panel>
					<h:panelGrid columns="4" style="text-align:left;">
						<p:commandButton id="nuevoButton" value="#{msg.nuevo }"
							icon="ui-icon-plusthick" onclick="nuevoDialog.show()"
							update=":form:displayNuevo, growl" />
						<p:commandButton id="viewButton" value="#{msg.ver }"
							icon="ui-icon-search" oncomplete="verDialog.show()"
							update=":form:displayVer, growl" />
						<p:commandButton id="editarButton" value="#{msg.editar }"
							icon="ui-icon-pencil" onclick="editarDialog.show()"
							update=":form:displayEditar, growl" />
						<p:commandButton id="deleteButton" value="#{msg.eliminar }"
							icon="ui-icon-trash" onclick="borrarDialog.show()" update="growl" />
					</h:panelGrid>
				</p:panel>
				<p:panel>
					<p:dataTable id="clientesTable"
						value="#{beanInstructor.listaItems}" var="item"
						rowKey="#{item.idInstructor}" paginator="true"
						selection="#{beanInstructor.itemSelected}"
						filteredValue="#{beanInstructor.filteredList }"
						paginatorPosition="bottom" rows="#{beanTabla.noRegistros}">
						<p:column selectionMode="single" style="width:2%" />
						<p:column id="cteCve" headerText="#{msg.tipo}"
							sortBy="#{item.tipo}" filterBy="#{item.tipo }">
							<h:outputText id="cveCte" value="#{item.tipo}" />
						</p:column>
						<p:column id="clienteNombre" headerText="#{msg.nombre}"
							filterBy="#{item.nombre }" sortBy="#{item.nombre}">
							<h:outputText id="nombreCliente" value="#{item.nombre}" />
						</p:column>
						<p:column id="clienteResponsable" headerText="#{msg.estatus}"
							filterBy="#{item.estatus }" sortBy="#{item.estatus}">
							<h:outputText id="responsableCliente" value="#{item.estatus}" />
						</p:column>
					</p:dataTable>
					<h:panelGroup>
						<h:panelGrid columns="3" style="text-align:left;">
							<h:outputText value="#{msg.registrosPP}"
								style="font-size:x-small" />
							<h:panelGroup>
								<h:inputText size="3"
									style="font-size:x-small; height:15px; width:25px"
									value="#{beanTabla.registros}" id="noRegistrosPP" />
								<p:watermark value="#{beanTabla.noRegistros}"
									for="noRegistrosPP" />
							</h:panelGroup>
							<p:commandButton icon="ui-icon-arrowrefresh-1-w"
								style="font-size:x-small" update="clientesTable"
								actionListener="#{beanTabla.actualizaRegistros}" />
						</h:panelGrid>
					</h:panelGroup>
				</p:panel>
				<!-- Inicio de panel monitor de descarga -->
				<p:dialog modal="true" widgetVar="statusDownloadDialog"
					header="Status" draggable="false" closable="false">
					<p:graphicImage value="/images/ajax-loader.gif" />
				</p:dialog>
				<!-- Fin de panel monitor de descarga -->
				<!-- Panel de Ver -->
				<p:dialog id="dialog" header="#{msg.ver}" widgetVar="verDialog"
					modal="true" draggable="true" position="top">
					<h:panelGrid id="displayVer" columns="1" cellpadding="4">
						<p:tabView>
							<p:tab title="#{msg.datosGenerales }">
								<h:panelGrid columns="2" style="text-align:left;">
									<h:outputText value="#{msg.noEmpleado }" />
									<p:inputText readonly="true"
										value="#{beanInstructor.itemSelected.noEmpleado }"
										style="height:100%; width: 260px; font-weight:bold;" />
									<h:outputText value="#{msg.nombre }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.nombre }" />
									<h:outputText value="#{msg.apellidoP }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.apellidoP }" />
									<h:outputText value="#{msg.apellidoM }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.apellidoM }" />
									<h:outputText value="#{msg.fechaNacimiento }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.fechaNacStr }" />
									<h:outputText value="#{msg.lugarNacimiento }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.lugarNac }" />
									<h:outputText value="#{msg.curp }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.curp }" />
									<h:outputText value="#{msg.rfc }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.rfc }" />
									<h:outputText value="#{msg.ife }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoPersona.ife }" />
									<h:outputText value="#{msg.instructor }" />
									<p:inputText readonly="true"
										value="#{beanInstructor.itemSelected.tipo }"
										style="height:100%; width: 260px; font-weight:bold;" />
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.domicilio }">
								<h:panelGrid columns="2"  style="text-align:left;">
									<h:outputText value="#{msg.calle }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.calle }" />
									<h:outputText value="#{msg.noExterior }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.noExterior }" />
									<h:outputText value="#{msg.noInterior }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.noInterior }" />
									<h:outputText value="#{msg.colonia }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.asentamiento }" />
									<h:outputText value="#{msg.estado }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.estado }" />
									<h:outputText value="#{msg.delegacion }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.municipio }" />
									<h:outputText value="#{msg.codigoPostal }" />
									<p:inputText readonly="true"
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.itemSelected.dtoDomicilio.cp }" />
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.cedulas }">
								<p:dataTable
									value="#{beanInstructor.itemSelected.listInstructoresMaterias }"
									var="item" emptyMessage="No se encuentran elementos">
									<p:column headerText="#{msg.materia }">
										<h:outputText value="#{item.materia.nombre }" />
									</p:column>
								</p:dataTable>
								<p:separator />
								<p:dataTable
									value="#{beanInstructor.itemSelected.listInstructoresDocumentos }"
									var="item" rowKey="#{item.id}"
									selection="#{beanInstructor.documentoSelected}"
									selectionMode="single" emptyMessage="No se encuentran elementos">
									<p:ajax event="rowSelect"
										listener="#{beanInstructor.onDocumentoSelect}" />
									<p:column headerText="#{msg.archivo }">
										<h:outputText value="#{item.documento.nombre }" />
									</p:column>
								</p:dataTable>
								<h:panelGrid columns="1">
									<p:commandButton value="Descargar" ajax="false"
										onclick="PrimeFaces.monitorDownload(showStatus, hideStatus)">
										<p:fileDownload value="#{beanInstructor.file}" />
									</p:commandButton>
								</h:panelGrid>
							</p:tab>
						</p:tabView>
					</h:panelGrid>
					<p:commandButton id="aceptarVerBtn" value="#{msg.aceptar }"
						icon="ui-icon-check" onclick="verDialog.hide()" />
				</p:dialog>
				<!-- Fin de panel de Ver -->
				<!--  Inicio panel de Nuevo -->
				<p:dialog id="dialogNuevo" header="#{msg.frsNuevoRegistro}"
					widgetVar="nuevoDialog" closable="true" modal="true"
					draggable="true" height="500" width="600" position="top">
					<h:panelGrid columns="1" width="100%" id="displayNuevo"
						style=" margin: 0 auto;">
						<p:tabView>
							<p:tab title="#{msg.datosGenerales }">
								<h:panelGrid columns="2"  style="text-align:left;">
									<h:outputText value="#{msg.noEmpleado }*" />
									<p:inputText value="#{beanInstructor.nuevoNoEmpleado }"
										label="NoEmpleado"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.nombre }*" />
									<p:inputText value="#{beanInstructor.nuevoNombre }"
										label="Nombre"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.apellidoP}*" />
									<p:inputText value="#{beanInstructor.nuevoApellidoP }"
										label="ApellidoPaterno"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.apellidoM }" />
									<p:inputText value="#{beanInstructor.nuevoApellidoM }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.fechaNacimiento }*" />
									<p:calendar navigator="true" label="FechaNacimiento"
										pattern="dd/MM/yyyy" value="#{beanInstructor.nuevoFechaNac }"
										styleClass="dateTimeField2" />
									<h:outputText value="#{msg.lugarNacimiento }" />
									<p:inputText value="#{beanInstructor.nuevoLugarNac }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.curp }" />
									<p:inputText value="#{beanInstructor.nuevoCURP }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.rfc }" />
									<p:inputText value="#{beanInstructor.nuevoRFC }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.ife }" />
									<p:inputText value="#{beanInstructor.nuevoIFE }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.instructor }*" />
									<p:selectOneMenu label="Tipo"
										style="width: 125px; font-weight:bold;"
										value="#{beanInstructor.nuevoIdTipoInstructor }">
										<f:selectItems
											value="#{beanInstructor.listSelectTipoInstructor}" />
									</p:selectOneMenu>
									<h:outputText value="#{msg.estatus}*" />
									<p:selectOneMenu value="#{beanInstructor.nuevoIdEstatus}"
										label="Estatus" style="width: 125px; font-weight:bold;">
										<f:selectItem itemLabel="#{msg.seleccionarEst}" itemValue="0" />
										<f:selectItems value="#{beanInstructor.listSelectEstatus}" />
									</p:selectOneMenu>
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.domicilio }">
								<h:panelGrid columns="2"  style="text-align:left;">
								<h:outputText value="#{msg.codigoPostal }*" />
									<p:autoComplete id="autoCompleteCPNuevo"
										styleClass="dateTimeField2" label="CP" minQueryLength="3"
										value="#{beanInstructor.nuevoCPAutoComplete}"
										completeMethod="#{beanInstructor.complete}"
										forceSelection="true">
										<p:ajax
											update="nuevoSelectColonias nuevoEstadoInput nuevoDelegacionInput"
											listener="#{beanInstructor.handleSelectCambiaCp}"
											event="itemSelect" />
									</p:autoComplete>
									<h:outputText value="#{msg.colonia }*" />
									<p:selectOneMenu
										style="width: 125px; font-weight:bold; height:100%"
										label="Colonia"
										value="#{beanInstructor.nuevoIdAsentamientoMunicipioEstado }"
										id="nuevoSelectColonias">
										<f:selectItems
											value="#{beanInstructor.nuevoSelectListColonias }" />
									</p:selectOneMenu>
									<h:outputText value="#{msg.estado }*" />
									<p:inputText readonly="true" id="nuevoEstadoInput"
										label="Estado"
										style="height:100%; width: 120px; font-weight:bold;"
										value="#{beanInstructor.nuevoEstado }" />
									<h:outputText value="#{msg.delegacion }*" />
									<p:inputText readonly="true" id="nuevoDelegacionInput"
										label="Delegacion"
										style="height:100%; width: 120px; font-weight:bold;"
										value="#{beanInstructor.nuevoDelegacion }" />
									<h:outputText value="#{msg.calle }*" />
									<p:inputText value="#{beanInstructor.nuevoCalle }"
										label="Calle"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.noExterior }" />
									<p:inputText value="#{beanInstructor.nuevoNoExt }"
										style="height:100%; width: 120px; font-weight:bold;" />
									<h:outputText value="#{msg.noInterior }" />
									<p:inputText value="#{beanInstructor.nuevoNoInt }"
										style="height:100%; width: 120px; font-weight:bold;" />
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.cedulas }">
								<p:pickList value="#{beanInstructor.nuevoDualListModel}"
									var="item" itemLabel="#{item.nombre}"
									itemValue="#{item.idMateria}" />
								<p:separator />
								<p:dataTable value="#{beanInstructor.nuevoListaDocumentos }"
									id="tableNuevosDocsInstr" var="item" emptyMessage="No se encuentran elementos">
									<p:column headerText="#{msg.archivo }">
										<h:outputText value="#{item.nombre }" />
									</p:column>
								</p:dataTable>
								<h:panelGrid id="panelDocsCargadosNuevo" columns="1"
									style="width:400px; text-align:left;" >
									<h:panelGrid columns="2"  style="text-align:left;" >
										<h:outputText value="#{msg.estatus }" />
										<p:selectOneMenu style="width:170px; height:100%"
											value="#{beanInstructor.nuevoDocEstatusSelected }">
											<f:selectItems
												value="#{beanInstructor.listaSelectEstatusDocs }" />
										</p:selectOneMenu>
									</h:panelGrid>
									<p:fileUpload label="#{msg.frsSeleccionar }" fileLimit="1"
										showButtons="false" uploadLabel="#{msg.cargar }"
										cancelLabel="#{msg.cancelar }"
										fileUploadListener="#{beanInstructor.handlerNuevoFileUpload}"
										mode="advanced" update=":form:growl tableNuevosDocsInstr" />
									<!-- <p:commandButton icon="ui-icon-plusthick" style="float: right"
									update="panelDocsCargadosNuevo" value="#{msg.agregar }"
									actionListener="#{beanInstructor.addNuevoDocumento}" /> -->
								</h:panelGrid>
							</p:tab>
						</p:tabView>
					</h:panelGrid>
					<h:panelGrid style="float: right;" columns="2">
						<p:commandButton value="#{msg.aceptar }" icon="ui-icon-check"
							actionListener="#{beanInstructor.save }"
							update=":form:clientesTable growl" />
						<p:commandButton value="#{msg.cancelar }"
							icon="ui-icon-closethick" oncomplete="nuevoDialog.hide()"
							actionListener="#{beanInstructor.saveCancel }" />
					</h:panelGrid>
				</p:dialog>
				<!-- Fin de panel de nuevo -->
				<!-- Inicio de panel de edicion -->
				<p:dialog id="dialogEditar" header="#{msg.frsEditarRegistro}"
					widgetVar="editarDialog" closable="true" modal="true"
					draggable="true" width="600" height="500" position="top">
					<h:panelGrid columns="1" width="100%" id="displayEditar">
						<p:tabView>
							<p:tab title="#{msg.datosGenerales }">
								<h:panelGrid columns="2"  style="text-align:left;">
									<h:outputText value="#{msg.noEmpleado }" style="height:100%;" />
									<h:panelGroup>
										<p:inputText value="#{beanInstructor.editarNoEmpleado}"
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarNoEmpleadoInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.noEmpleado }"
											for="editarNoEmpleadoInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.nombre }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											value="#{beanInstructor.editarNombre}" id="nombreEditarInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.nombre }"
											for="nombreEditarInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.apellidoP }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarApellidoPInput"
											value="#{beanInstructor.editarApellidoP}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.apellidoP }"
											for="editarApellidoPInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.apellidoM }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											value="#{beanInstructor.editarApellidoM}"
											id="editarApellidoMInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.apellidoM }"
											for="editarApellidoMInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.fechaNacimiento }" />
									<h:panelGroup>
										<p:calendar styleClass="dateTimeField3" pattern="dd/MM/yyyy"
											id="editarFechaNac1Input"
											value="#{beanInstructor.editarFechaNac}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.fechaNacStr }"
											for="editarFechaNac1Input" />
									</h:panelGroup>
									<h:outputText value="#{msg.lugarNacimiento }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarLugarNacInput"
											value="#{beanInstructor.editarLugarNac}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.lugarNac }"
											for="editarLugarNacInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.curp }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarCURPInput" value="#{beanInstructor.editarCURP}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.curp }"
											for="editarCURPInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.rfc }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarRFCInput" value="#{beanInstructor.editarRFC}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.rfc }"
											for="editarRFCInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.ife }" />
									<h:panelGroup>
										<p:inputText
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarIFEInput" value="#{beanInstructor.editarIFE}" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoPersona.ife }"
											for="editarIFEInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.instructor }" />									
									<p:selectOneMenu style="width: 260px; font-weight:bold;"
										value="#{beanInstructor.editarIdTipoInstructor}">
										<f:selectItems value="#{beanInstructor.listSelectTipoInstructor}" />
									</p:selectOneMenu>
									<h:outputText value="#{msg.estatus}" />
									<p:selectOneMenu value="#{beanInstructor.editarIdEstatus}"
										style="width: 260px; font-weight:bold;">
										<f:selectItem itemLabel="#{msg.seleccionarEst}" itemValue="0" />
										<f:selectItems value="#{beanInstructor.listSelectEstatus}" />
									</p:selectOneMenu>
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.domicilio }">
								<h:panelGrid columns="2"  style="text-align:left;">
								<h:outputText value="#{msg.codigoPostal }" />
									<h:panelGroup>
										<p:autoComplete id="autoCompleteCPeditar" style="height:100%;" styleClass="dateTimeField3"
											value="#{beanInstructor.editarCPAutoComplete}"
											completeMethod="#{beanInstructor.complete}"
											minQueryLength="3" forceSelection="true">
											<p:ajax
												update="editarSelectColonias editarEstadoInput editarDelegacionInput"
												listener="#{beanInstructor.handleSelectCambiaCpEditar}"
												event="itemSelect" />
										</p:autoComplete>
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.cp }"
											for="autoCompleteCPeditar" />
									</h:panelGroup>
									<h:outputText value="#{msg.colonia }" />
									<p:selectOneMenu
										style="height:100%; width: 260px; font-weight:bold;"
										value="#{beanInstructor.editarIdAsentamientoMunicipioEstado }"
										id="editarSelectColonias">
										<f:selectItems
											value="#{beanInstructor.editarSelectListColonias }" />
									</p:selectOneMenu>
									<h:outputText value="#{msg.estado }" />
									<h:panelGroup>
										<p:inputText readonly="true" id="editarEstadoInput"
											style="height:100%; width: 260px; font-weight:bold;"
											value="#{beanInstructor.editarEstado }" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.estado }"
											for="editarEstadoInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.delegacion }" />
									<h:panelGroup>
										<p:inputText readonly="true" id="editarDelegacionInput"
											style="height:100%; width: 260px; font-weight:bold;"
											value="#{beanInstructor.editarDelegacion }" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.municipio }"
											for="editarDelegacionInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.calle }" />
									<h:panelGroup>
										<p:inputText value="#{beanInstructor.editarCalle }"
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarCalleInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.calle }"
											for="editarCalleInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.noExterior }" />
									<h:panelGroup>
										<p:inputText value="#{beanInstructor.editarNoExt }"
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarNoExtInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.noExterior }"
											for="editarNoExtInput" />
									</h:panelGroup>
									<h:outputText value="#{msg.noInterior }" />
									<h:panelGroup>
										<p:inputText value="#{beanInstructor.editarNoInt }"
											style="height:100%; width: 260px; font-weight:bold;"
											id="editarNoIntInput" />
										<p:watermark
											value="#{beanInstructor.itemSelected.dtoDomicilio.noInterior }"
											for="editarNoIntInput" />
									</h:panelGroup>
								</h:panelGrid>
							</p:tab>
							<p:tab title="#{msg.cedulas }">
								<p:pickList value="#{beanInstructor.editarDualListModel}"
									var="item" itemLabel="#{item.nombre}" itemValue="#{item}" />
								<p:separator />
								<p:dataTable value="#{beanInstructor.editarListaDocumentos }"
									id="tableEditarDocsInstr" var="item" emptyMessage="No se encuentran elementos">
									<p:column headerText="#{msg.archivo }">
										<h:outputText value="#{item.nombre }" />
									</p:column>
								</p:dataTable>
								<h:panelGrid id="panelDocsCargadosEditar" columns="1"
									style="width:400px">
									<h:panelGrid columns="2">
										<h:outputText value="#{msg.estatus }" />
										<p:selectOneMenu style="width:170px; height:100%"
											value="#{beanInstructor.editarDocEstatusSelected }">
											<f:selectItems
												value="#{beanInstructor.listaSelectEstatusDocs }" />
										</p:selectOneMenu>
									</h:panelGrid>
									<p:fileUpload label="#{msg.frsSeleccionar }" fileLimit="1"
										showButtons="false" uploadLabel="#{msg.cargar }"
										cancelLabel="#{msg.cancelar }"
										fileUploadListener="#{beanInstructor.handlerEditarFileUpload}"
										mode="advanced" update=":form:growl tableEditarDocsInstr" />
									<p:commandButton icon="ui-icon-plusthick" style="float: right"
										update="panelDocsCargadosEditar" value="#{msg.agregar }"
										actionListener="#{beanInstructor.addEditarDocumento}" />
								</h:panelGrid>
							</p:tab>
						</p:tabView>
					</h:panelGrid>
					<h:panelGrid style="float: right;" columns="2">
						<p:commandButton value="#{msg.aceptar }" icon="ui-icon-check"
							oncomplete="editarDialog.hide()"
							actionListener="#{beanInstructor.update }"
							update=":form:clientesTable, growl" />
						<p:commandButton value="#{msg.cancelar }"
							icon="ui-icon-closethick" oncomplete="editarDialog.hide()"
							actionListener="#{beanInstructor.cancelDelete }" />
					</h:panelGrid>
				</p:dialog>
				<!-- Fin de panel de edicion -->
				<!-- Panel de borrado -->
				<p:confirmDialog showEffect="fade" widgetVar="borrarDialog"
					header="#{msg.confirmar }" message="#{msg.frsBorrarConfirmacion }">
					<p:commandButton value="#{msg.aceptar }"
						actionListener="#{beanInstructor.delete}"
						update="clientesTable, growl" styleClass="ui-confirmdialog-yes"
						icon="ui-icon-check" oncomplete="borrarDialog.hide()" />
					<p:commandButton value="#{msg.cancelar }" type="button"
						styleClass="ui-confirmdialog-no" icon="ui-icon-close"
						onclick="borrarDialog.hide()" />
				</p:confirmDialog>
				<!-- Fin de panel de borrado -->
			</h:form>
			<script type="text/javascript">
				function showStatus() {
					statusDownloadDialog.show();
				}
				function hideStatus() {
					statusDownloadDialog.hide();
				}
			</script>
		</ui:define>
	</ui:composition>
</h:body>
</html>